<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 27. w < 字符串练习 > 颜色 & 透明度转rgba
        // function color2rgba(input) {
        //     const arr = input.split(';');
        //     const colorStr = (arr[0].split(":")[1]).trim().substr(1);
        //     const opacityStr = (arr[1].split(":")[1]).trim();
        //     const res = [];
        //     const mapping = {
        //         0: 0,
        //         1: 1,
        //         2: 2,
        //         3: 3,
        //         4: 4,
        //         5: 5,
        //         6: 6,
        //         7: 7,
        //         8: 8,
        //         9: 9,
        //         a: 10,
        //         b: 11,
        //         c: 12,
        //         d: 13,
        //         e: 14,
        //         f: 15,
        //     };
        //     for (let i = 0; i < colorStr.length; i += 2) {
        //         const letter1 = colorStr[i]; // f  0  0
        //         const letter2 = colorStr[i + 1]; // f  0  0
        //         const num1 = mapping[letter1];//15
        //         const num2 = mapping[letter2];//15
        //         const color = num1 * 16 + num2;
        //         res.push(color);
        //     }
        //     return `rgb(${res.join(',')},${opacityStr})`;
        // }
        // console.log(color2rgba('color: #ff0000; opacity: 0.5;')); // 'rgba(255, 0, 0, 0.5)'
        // console.log(color2rgba('color: #fe0068; opacity: 0.9;')); // 'rgba(254, 0, 103, 0.9)'

        // ⭐
        function color2rgba1(input) {
            
        }
        console.log(color2rgba1('color: #ff0000; opacity: 0.5;')); // 'rgba(255, 0, 0, 0.5)'
        console.log(color2rgba1('color: #fe0068; opacity: 0.9;')); // 'rgba(254, 0, 103, 0.9)'
    </script>
</body>
</html>